#after {
  width: 100%;
  height: 34px;
  margin-top: 20px;
}

.after-con {
  width: 1230px;
  height: 34px;
  background: white;
  margin: 0 auto;
}

.after-con p {
  color: #ccc;
  font-size: 14px;
  line-height: 34px;
}

.after-con p a {
  color: #ccc;
}

#over {
  width: 100%;
  height: 960px;
}

.over-con {
  width: 1230px;
  height: 960px;
  margin: 0 auto;
  background: #f5f5f5;
}

.over-con .oversubnav {
  width: 238px;
  height: 100%;
  /* background: green; */
  background: white;
  float: left;
}

.over-con .oversubnav li {
  font-size: 12px;
  color: #757575;
  margin-left: 36px;
  line-height: 36px;
  cursor: pointer;
}

.over-con .oversubnav .first {
  color: black;
  font-size: 16px;
  margin: 12px 36px;
}

.over-con .oversubnav li:hover {
  color: orangered;
}

.over-con .overright {
  width: 980px;
  height: 443px;
  /* background: red; */
  float: left;
  margin-left: 10px;
  background: white;
}

.top {
  width: 100%;
  height: 100px;
  /* background: green; */
  float: left;
}

.top h1 {
  font-size: 40px;
  font-weight: normal;
  color: #ccc;
  line-height: 100px;
  text-indent: 30px;
}

.top-p {
  width: 736px;
  height: 272px;
  /* border: 1px solid #000; */
  margin-left: 136px;
}

.top-p li {
  width: 50%;
  height: 272px;
  float: left;
}

.top-p li a {
  display: block;
  text-align: center;
}

.top-p li a img {
  width: 139px;
  height: 101px;
}

.top-p li span {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

.top-p li p {
  text-align: center;
  color: #757575;
  font-size: 12px;
  line-height: 22px;
}

.top-p li h4 {
  font-weight: normal;
  width: 163px;
  height: 40px;
  border: 1px solid #83c44e;
  margin: 37px 0 0 112px;
}

.top-p li h4 a {
  text-align: center;
  display: block;
  line-height: 40px;
}

.botnav {
  width: 980px;
  height: 80px;
  background: white;
  float: left;
  margin-top: 20px;
  margin-left: 10px;
}

.botnav a {
  display: block;
  line-height: 80px;
  margin-left: 50px;
}
